<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三星商城</title>
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="title.ico" />
    <link rel="stylesheet" href="font\iconfont.css">
    <!-- 给网页标题添加icon图标 -->
</head>
<body>

    <!-- 顶部导航栏结构开始 -->
    <div class="head">
        <div class="navheader hbw">
            <ul>
                <li class="phonenum iconfont"><span class="iconfont">&#xe632;</span>400&nbsp;011&nbsp;8899</li>
                <li><a href="https://shop.samsung.com.cn/activitys/SamsungAPPActivity"
                        target="_blank">三星商城<strong>APP</strong></a></li>
                <li><a href="https://shop.samsung.com.cn/activitys/VIPDescription"
                        target="_blank">三星商城<strong>VIP</strong>用户专属服务</a></li>
                <li><a href="https://www.samsungmembers.cn/" target="_blank">盖乐世社区</a></li>
                <li><a href="https://www.samsung.com/cn/" target="_blank">三星官网</a></li>
            </ul>
        </div>
    </div>
    <!-- 顶部导航栏结构结束 -->
    <!-- 中间导航栏开始 -->
    <div class="banner hbw">
        <div class="logo">
        </div>
        <ui class="navleft">
            <li>手机/平板</li>
            <li>手表/耳机</li>
            <li>电视/影音</li>
            <li>生活家电</li>
            <li>显示器/储存</li>
        </ui>
        <div class="right">
            <div class="com">
                <input type="text" class="search">
                <input type="button" class="button">
            </div>
            <span class="iconfont shoppingcar"><a href="#" taeget="_blank" class="iconfont">&#xe669;</a></span>
            <span class="login_sign"><a
                    href="https://shop.samsung.com.cn/user/login?from=https%3A%2F%2Fshop.samsung.com.cn%2F%3Fcid%3Dcn_paid_ppc_baidubz-PC_samsung_none_estore_text_20230202_biaoti_pfm"
                    target="_blank">登录/注册</a></span>
        </div>
    </div>
    <!-- 中间导航栏结束 -->
    <!-- 版心轮播图 -->
    <div class="turn">
        <div class="w">
            <a href="#"></a>
        </div>
    </div>
    <!-- 版心轮播图结束 -->
    <!-- 腰栏开始 -->
    <ul class="waist w">
        <li><a href="#">
                <img src="imges/waist/手机.webp" alt="手机/平板">
                <div>手机/平板</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/手表.webp" alt="手表/耳机">
                <div>手表/耳机</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/电视.webp" alt="电视/影音">
                <div>电视/影音</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/生活家电.webp" alt="生活家电">
                <div>生活家电</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/显示器.webp" alt="显示器/储存">
                <div>显示器/储存</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/校园优惠.webp" alt="校园优惠">
                <div>校园优惠</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/艺术电视.webp" alt="艺术电视">
                <div>艺术电视</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/以旧换新.webp" alt="依旧换新">
                <div>以旧换新</div>
            </a></li>
        <li><a href="#">
                <img src="imges/waist/企业咨询.webp" alt="企业咨询">
                <div>企业咨询</div>
            </a></li>
        <li class="last"><a href="#">
                <img src="imges/waist/无忧试用.webp" alt="无忧使用">
                <div>无忧使用</div>
            </a></li>
    </ul>
    <!-- 腰栏结束 -->
    <!-- 抢购专栏开始 -->
    <ul class="qianggou w clear">
        <li><a href="#">
                <img src="imges/手机手表.webp" alt="">
            </a></li>
        <li><a href="#"><img src="imges/盖乐世S8.webp" alt="">
            </a></li>
        <li><a href="#"><img src="imges/套购专场.webp" alt="">
            </a></li>
        <li class="last"><a href="#"><img src="imges/三星品牌月.webp" alt="">
            </a></li>
    </ul>
    <!-- 抢购栏结束 -->
    <!-- 预留轮播图开始 -->
    <div class="midturn w">
        <a href="#"><img src="imges/腰间轮播图.webp" alt="" class="w"></a>
    </div>
    <!-- 预留轮播图结束 -->
    <!-- 主内容开始 -->
    <div class="content">
        <div class="ban w">
            <!-- 秒杀专区开始 -->
            <div class="headban">
                <h2>秒杀专区</h2><span class="miaoshatitle">距离秒杀结束还剩</span><span class="miaoshacount">秒杀倒计时</span>
                <a href="https://shop-activity.samsung.com.cn/speedKill"><span
                        class="knowmore">了解更多<span>&gt;</span></span></a>
            </div>
            <div class="miaoshalist clear">
                <ul>
                    <li><a href="https://shop.samsung.com.cn/product/SM-S9060/SM-S9060ZVDCHC"><img src="imges/s8.webp"
                                alt=""></a>
                        <h3>Galaxy S22+浅熏紫&nbsp;8GB+128GB</h3>
                        <h4>限时立省1000元</h4>
                        <div class="price">
                            <span class="now">￥5599</span>
                            <span class="old">￥6599</span>
                        </div>
                    </li>


                    <li><a href="#"><img src="imges/电视.png" alt=""></a>
                        <h3>65英寸级&nbsp;QLED量子点游戏电视&nbsp;QX3</h3>
                        <h4>至高立省3400元</h4>
                        <div class="price">
                            <span class="now">￥5299</span>
                            <span class="old">￥8699</span>
                        </div>
                    </li>


                    <li><a href="#"><img src="imges/洗衣机.webp" alt=""></a>
                        <h3 id="special">三星智爱·呵护系列&nbsp;洗干一体机WD10T504DBE/SC</h3>
                        <h4>深层除菌&nbsp;健康洁净</h4>
                        <div class="price">
                            <span class="now">￥3599</span>
                            <span class="old">￥5890</span>
                        </div>
                    </li>


                    <li class="last"><a href="#"><img src="imges/远山灰.webp" alt=""></a>
                        <h3>Galaxy S22+远山灰&nbsp;8GB+256GB</h3>
                        <h4>限时立省1000元</h4>
                        <div class="price">
                            <span class="now">￥6399</span>
                            <span class="old">￥7399</span>
                        </div>
                    </li>

                </ul>
            </div>
            <!-- 秒杀专区结束 -->
            <!-- 热销推荐开始 -->
            <div class="hotsale clear">
                <h2>热销推荐</h2>
                <ul>
                    <a href="#">
                        <li>
                            <img src="imges/S23U.webp" alt="">
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="imges/S23+.webp" alt="">
                        </li>
                    </a>
                    <a href="#">
                        <li class="last">
                            <img src="imges/活力兔兔.webp" alt="">
                        </li>
                    </a>
                </ul>
            </div>
            <div class="newlist clear">
                <h2>新品区</h2>
                <ul>
                    <li>
                        <a href="#"><img src="imges/S23U葱绿.webp" alt="" class="green"></a>
                        <h2>Galaxy&nbsp;S23&nbsp;Ultra&nbsp;悠野绿</h2>
                        <h3>震撼上市&nbsp;享多重礼遇</h3>
                        <span>￥8899</span>
                    </li>
                    <a href="#">
                        <li>
                            <img src="imges/65英寸电视.png" alt="">
                            <h4>65英寸级&nbsp;画壁融入屏&nbsp;LS03C<br />(2022)</h4>
                            <h5>至高12期0利率</h5>
                            <span>￥11999</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="imges/衣物护理机.webp" alt="">
                            <h4>BESPOKE&nbsp;缤色铂格&nbsp;衣物护理机-光<br />晕粉</h4>
                            <h5>30天无忧购&nbsp;赠豪华大礼包</h5>
                            <span>￥16191</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="imges/空山绿.webp" alt="">
                            <h4>Galaxy&nbsp;Z&nbsp;Fold4&nbsp;空山绿&nbsp;<br />12GB+256GB</h4>
                            <h5>享多重购机利遇</h5>
                            <span>￥12999</span>
                        </li>
                    </a>
                    <a href="#">
                        <li>
                            <img src="imges/手表.png" alt="">
                            <h4>Galaxy&nbsp;Watch5&nbsp;Pro&nbsp;蓝牙版&nbsp;<br />45mm&nbsp;钛度灰</h4>
                            <h5>限时立省400元</h5>
                            <span>￥2699</span>
                        </li>
                    </a>
                </ul>
            </div>
            <!-- 手机平板栏开始 -->
            <div class="phonepad">
                <div class="phonetitle">
                    <h2>手机/平板</h2>
                    <a href="https://shop.samsung.com.cn/list/smartphone-tablet"><span
                            class="knowmore">了解更多<span>&gt;</span></span></a>
                </div>
                <div class="A54">
                    <a href="#"><img src="imges/A54.webp" alt=""></a>
                </div>
                <ul class="phones">
                    <a href="#">
                        <li>
                            <img src="imges/S23悠柔白.webp" alt="">
                            <h4>Galaxy&nbsp;S23&nbsp;悠柔白</h4>
                            <h5>震撼上市&nbsp;享多重礼遇</h5>
                            <div>￥5699</div>
                        </li>
                    </a><a href="#">
                        <li>
                            <img src="imges/S23悠雾紫.webp" alt="">
                            <h4>Galaxy&nbsp;S23+&nbsp;悠雾紫</h4>
                            <h5>震撼上市&nbsp;享多重礼遇</h5>
                            <div>￥6999</div>
                        </li>
                    </a><a href="#">
                        <li>
                            <img src="imges/Flip4.webp" alt="">
                            <h4>Galaxy&nbsp;Z&nbsp;Flip4&nbsp;Bespoke&nbsp;Edition&nbsp;缤色定制版&nbsp;金色/明黄/云白</h4>
                            <h5>限时立省400元</h5>
                            <div>￥2699</div>
                        </li>
                    </a><a href="#">
                        <li>
                            <img src="imges/Tab8深屿灰.webp" alt="">
                            <h4>Galaxy&nbsp;Tab&nbsp;S8+深屿灰</h4>
                            <h5>限时立省830元</h5>
                            <div>￥5869<span class="old">￥6999</span></div>
                        </li>
                    </a>
                </ul>
                <div class="padturn">
                    <ul class="pads">
                        <a href="#">
                            <li>
                                <img src="imges/曜岩黑.webp" alt="">
                                <h4>Galaxy&nbsp;Tab&nbsp;S7&nbsp;FE&nbsp;WLAN(Wi-Fi)曜岩黑</h4>
                                <h5>限时立省930元</h5>
                                <div>￥3369<span>￥4299</span></div>
                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="imges/S8深屿灰.webp" alt="">
                                <h4>Galaxy&nbsp;Tab&nbsp;S8&nbsp;Ultra&nbsp;深屿灰</h4>
                                <h5>限时立省1730元</h5>
                                <div>￥8069<span>￥9799</span></div>
                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="imges/绯影红.webp" alt="">
                                <h4>Galaxy&nbsp;S22&nbsp;Ultra&nbsp;绯影红</h4>
                                <h5>限时立省1730元</h5>
                                <div>￥8069<span>￥9799</span></div>
                            </li>
                        </a>
                        <a href="#">
                            <li>
                                <img src="imges/遐想灰.webp" alt="">
                                <h4>Galaxy&nbsp;Tab&nbsp;A8&nbsp;WLAN(Wi-Fi)&nbsp;遐想灰</h4>
                                <h5>限时立省250元</h5>
                                <div>￥1449<span>￥1699</span></div>
                            </li>
                        </a>
                    </ul>
                </div>
            </div>
            <!-- 手机平板栏结束 -->
        </div>
    </div>
    <!-- 主内容结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="foot w">
            <div class="first">
                <div class="contact">
                    <i class="icon"></i>
                    <span class="text">专业客服团队 / 提供当季优惠信息</span>
                </div>
                <div class="list clear">
                    <dl class="product">
                        <dt>产品</dt>
                        <dd><a href="#">手机/平板</a></dd>
                        <dd><a href="#">手表/耳机</a></dd>
                        <dd><a href="#">电视/影音</a></dd>
                        <dd><a href="#">生活家电</a></dd>
                        <dd><a href="#">显示器/存储</a></dd>
                    </dl>
                    <dl class="mySanxing">
                        <dt>我的三星</dt>
                        <dd><a href="#">我的订单</a></dd>
                        <dd><a href="#">我的星钻</a></dd>
                        <dd><a href="#">优惠券</a></dd>
                        <dd><a href="#">个人资料</a></dd>
                        <dd><a href="#">收货地址</a></dd>
                    </dl>
                </div>
            </div>
            <div class="second">
                <div class="afterSale">
                    <i class="icon"></i>
                    <span class="text">7天无理由退货15天换货(定制商品除外)</span>
                </div>
                <div class="list clear">
                    <dl class="guide">
                        <dt>三星商城指南</dt>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">三星商城账号</a></dd>
                        <dd><a href="#">产品和订单</a></dd>
                        <dd><a href="#">商城支付及发票</a></dd>
                        <dd><a href="#">三星专属管家服务</a></dd>
                        <dd><a href="#">物流</a></dd>
                        <dd><a href="#">售后服务</a></dd>
                    </dl>
                    <dl class="serve">
                        <dt>服务支持</dt>
                        <dd><a href="#">关于商城</a></dd>
                        <dd><a href="#">关于三星</a></dd>
                        <dd><a href="#">售后网点查询</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">体验反馈<span class="iconfont">&#xeb94;</span></a></dd>
                    </dl>
                </div>
            </div>
            <div class="third">
                <div class="promise">
                    <i class="icon"></i>
                    <span class="thirdText">官方正品请安心购买</span>
                </div>
                <div class="phoneLine">
                    <i class="icon"></i>
                    <span class="thirdText">服务中心<br />
                        <span>400-011-8899 (09：00~22：00)</span></span>
                </div>
                <ul>
                    <li>关注我们</li>
                    <li>
                        <a href="#"><img src="imges/新浪微博Logo.webp" alt="">
                            <div>微博</div>
                        </a>
                    </li>
                    <li>
                        <a href="#"><img src="imges/下载.webp" alt="">
                            <div>下载APP</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>